<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图片轮播</title>
<link href="../../css/bootstrap3.css" rel="stylesheet" media="screen">
<link href="../../css/font-awesome.css" rel="stylesheet"> 
<link href="../../css/koala.css" rel="stylesheet" media="screen">
<script src="../../js/jquery.js" type="text/javascript"></script>
<!-- <script src="../../js/bootstrap3.js" type="text/javascript"></script> -->
<script src="../../lib/Koala_Carousel.js" type="text/javascript"></script>
<script type="text/javascript">
var images = [
	"../../pngs/Bridge.png",
	"../../pngs/City.png",
	"../../pngs/Drugstore.png",
	"../../pngs/Goverment.png",
	"../../pngs/Hangar.png",
	"../../pngs/Museum.png",
	"../../pngs/New room.png",
	"../../pngs/Property.png",
	"../../pngs/Retail shop.png",
	"../../pngs/Temple.png",
	"../../pngs/World_Flags_2_Set_1001.png",
	"../../pngs/World_Flags_2_Set_1002.png",
	"../../pngs/World_Flags_2_Set_1003.png",
	"../../pngs/World_Flags_2_Set_1004.png",
	"../../pngs/World_Flags_2_Set_1005.png",
	"../../pngs/World_Flags_2_Set_1006.png",
	"../../pngs/World_Flags_2_Set_1007.png",
	"../../pngs/World_Flags_2_Set_1008.png",
	"../../pngs/World_Flags_2_Set_1009.png",
	"../../pngs/World_Flags_2_Set_1010.png",
	"../../pngs/World_Flags_2_Set_1011.png",
	"../../pngs/World_Flags_2_Set_1012.png",
	"../../pngs/World_Flags_2_Set_1013.png",
	"../../pngs/World_Flags_2_Set_1014.png", 
];
$(function(){
	$("#mypic").carousel({
		images:images,
		autoToggle:true,
	});
});
</script>
</head>
<body>
<div class="container">
	<div id="mypic">
	   
	</div>
</div>	
</body>
</html>